﻿<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>UNO Premium Template</title>
<link href="css/styles.css" rel="stylesheet" type="text/css" />
<link href="fonts/stylesheet.css" rel="stylesheet" type="text/css" />
<script type="text/javascript" src="js/jquery-1.4.2.min.js"></script>
<script type="text/javascript">
$(function(){
$('#search').focus(function() {
  $('#subm').addClass('active');
});
$('#search').blur(function() {
  $('#subm').removeClass('active');
});
})
</script>
<script type="text/javascript" src="js/demo.js"></script>
<!--SCRIPT FOR MENU-->
<script type="text/javascript">
<!--
$(document).ready(function () {	
	
	$('#navbar li').hover(
		function () {
			//show its submenu
			$('ul', this).slideDown();
			$('ul li ul', this).slideUp(0);

		}, 
		function () {
			//hide its submenu
			$('ul', this).slideUp();
		}
	);

});
-->
</script>
<script type="text/javascript" src="js/contactable/jquery.validate.pack.js"></script>
<script type="text/javascript" src="js/contactable/jquery.contactable.js"></script>
<link rel="stylesheet" href="js/contactable/contactable.css" type="text/css" />
<script type="text/javascript">
	$(function(){
		$('#contact').contactable({
	 		subject: 'A Feeback Message'
	 	});
	});
</script>
</head>
<body>
<div id="wraper">
 <div id="head" class="inner">
  <div class="centerAlign"> <a href="index.html" class="logo"><img src="images/logo.png" alt="" /></a> <img src="images/topGfx.png" alt="" class="topGfx" />
   <div id="navbar">
    <ul>
     <li><a href="index.html">Home</a></li>
     <li class="sep">&nbsp;</li>
     <li class="active"><a href="#">Options</a>
      <ul>
       <li class="corner"><img src="images/ddmTop.png" alt="" /></li>
       <li class="first"><a href="short-codes.html">Short Codes</a>
       <li><a href="left-column.html">Left Pannel</a>
       <li><a href="right-column.html">Right Pannel</a>
       <li><a href="3-column.html">3 Column</a>
       <li><a href="mix.html">Miscellaneous</a>
       <li><a href="sliding-page.html">Scroll Page</a>
       <li class="last"><a href="dynamic-tabs.html">Tabs Page</a>
       <li class="corner"><img src="images/ddBot.png" alt="" /></li>
      </ul>
     </li>
     <li class="sep">&nbsp;</li>
     <li><a href="#">Blog</a>
      <ul>
       <li class="corner"><img src="images/ddmTop.png" alt="" /></li>
       <li class="first"><a href="blog.html">Blog Page</a>
       <li class="last"><a href="full-post.html">Blog Full Post</a>
       <li class="corner"><img src="images/ddBot.png" alt="" /></li>
      </ul>
     </li>
     <li class="sep">&nbsp;</li>
     <li><a href="#">Gallery</a>
      <ul>
       <li class="corner"><img src="images/ddmTop.png" alt="" /></li>
       <li class="first"><a href="gallery1.html">Gallery 1</a>
       <li><a href="gallery2.html">Gallery 2</a>
       <li class="last"><a href="gallery3.html">Gallery 3</a>
       <li class="corner"><img src="images/ddBot.png" alt="" /></li>
      </ul>
     </li>
     <li class="sep">&nbsp;</li>
     <li><a href="contact.html">Contact</a></li>
    </ul>
    <form action="#" method="get">
     <input name="ser" type="text" id="search" value="Search" onfocus="if(this.value=='Search')this.value=''" onblur="if(this.value=='')this.value='Search'" />
     <input name="submit" type="submit" value="" id="subm" />
    </form>
   </div>
  </div>
 </div>
 <div id="content">
  <div class="centerAlign">
   <div class="wrap1">
    <div class="wrap2">
     <div class="main_wrap">
     <!--Content Start-->
      <div class="full_width">
       <p class="breadcrumb"><a href="index.html">Home</a> / <a href="devtodo">Category</a> / <strong class="active-link">Page Title</strong></p>
      </div>
<br>
<br>
<br>
<br>
<div align="center">
<table id="gradient-style" summary="Meeting Results">
    <thead>
    	<tr>
            <th scope="col">Employee</th>
            <th scope="col">Division</th>
            <th scope="col">Suggestions</th>
            <th scope="col">Rating</th>
        </tr>
    </thead>
    <tfoot>
    	<tr>
        	<td colspan="4">Give background color to the table cells to achieve seamless transition</td>
        </tr>
    </tfoot>
    <tbody>
    	<tr>
        	<td>Stephen C. Cox</td>
            <td>Marketing</td>
            <td>Make discount offers</td>
            <td>3/10</td>
        </tr>
        <tr>
        	<td>Josephin Tan</td>
            <td>Advertising</td>
            <td>Give bonuses</td>
        	<td>5/10</td>
        </tr>
        <tr>
        	<td>Joyce Ming</td>
            <td>Marketing</td>
            <td>New designs</td>
        	<td>8/10</td>
        </tr>
        <tr>
        	<td>James A. Pentel</td>
            <td>Marketing</td>
            <td>Better Packaging</td>
            <td>8/10</td>
        </tr>
    </tbody>
</table>
</div>
  <div class="fwrap">
   <div class="centerAlign">
    <ul class="footNav">
     <li><a href="#">Home</a></li>
     <li class="sep">|</li>
     <li><a href="#">About</a></li>
     <li class="sep">|</li>
     <li><a href="#">Services</a></li>
     <li class="sep">|</li>
     <li><a href="#">Blog</a></li>
     <li class="sep">|</li>
     <li><a href="contact.html">Contact</a></li>
    </ul>
    <p class="credit">© All Rights Reserved.<br />
     Designed By: <a href="http://www.fundateam.org/" target="_blank">Template World</a></p>
   </div>
  </div>
 </div>
</div>
 </div>
</div>
</body>
</html>
